@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
   
      body{
        font-family: Playfair Display;
      }




        @media (max-width: 768px) {
             .ms_benefit-card{
                align-items: center !important;
                flex-direction: column !important;
                text-align: center !important;
             }
             .ms_form-actions.justify-content-between{
                flex-direction: column !important;
                 gap: 20px !important;
             }
             .container.ms_form-container{
                padding: 0px;
             }
             .ms_verify-header-child{
                flex-direction: column !important;
               text-align: center !important;
               width:100% !important;
             }
             #otpSuccessBox .ms_verify-section{
                padding: 20px 10px !important;
             }
             #otpSuccessBox  .ms_verify-section-child{
                  flex-direction: column !important;
                  gap: 10px !important;
             }
             #otpSuccessBox  .ms_verify-section-child1{
                flex-direction: column !important;
                 text-align: center !important;
             }
             .ms_modal-content-child{
                flex-direction: column;
                align-items: center;
                gap: 20px;
             }
             .ms_modal-content-child1{
                align-content: center;
                align-items: center;
             }
             .ms_success-icon{
                font-size: 25px !important;
                width: 35px !important;
            
              height: 35px !important; 
             }
 
        }





        @media (min-width: 992px) and (max-width: 1200px) {
            .ms_form-actions.justify-content-between{
                flex-direction: column !important;
                 gap: 20px !important;
             }
        }













            .text-counter-hsn1{
                max-width: 600px !important;
            }


        .header-main {
            background-color: #e8f5e9;
            padding: 20px 0;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }

        .latest-bids-container-hsn{
           max-width: 1720px;
          margin: 0 auto;
          padding: 0 20px;
        }
        
  

         .header-hsn .header-container {
          max-width: 1720px;
          margin: 0 auto;
          padding: 0 20px;
          display: flex;
          align-items: center;
          justify-content: space-between;
      }

      .header-hsn .logo-section {
          display: flex;
          align-items: center;
          gap: 12px;
      }

      .header-hsn .logo-icon {
          width: 45px;
          height: 45px;
          background-color: #4caf50;
          border-radius: 8px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: bold;
          color: white;
          font-size: 24px;
      }

 
 

      .header-hsn .nav-section {
          display: flex;
          align-items: center;
          gap: 20px;
      }

      .header-hsn .nav-link {
          padding: 10px;
          color: #2A2A2A;
       
          text-decoration: none;
          transition: all 0.3s ease;
        
          font-family: Playfair Display;
        font-weight: 400;
        font-style: Regular;
        font-size: 16px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;

         
      }

      .header-hsn .nav-link:hover {
          color: #4FB64F;
      }

      .header-hsn .nav-link.active {
          background-color: #4FB64F;
          color: #FFFFFF;
      }

      .header-hsn .right-section {
          display: flex;
          align-items: center;
          gap: 20px;
      }

      .header-hsn .contact-btn {
          background-color: #4FB64F;
          color: white;
          border: none;
          padding: 10px 28px;
          border-radius: 2px;
          font-family: Playfair Display;
          font-weight: 500;
          font-style: Medium;
          font-size: 16px;
          leading-trim: CAP_HEIGHT;
          line-height: 100%;
          letter-spacing: 0%;
          text-align: center;

          cursor: pointer;
           
      }

      .header-hsn .contact-btn:hover {
          background-color: #fff;
          color:#2A2A2A;
          border:1px solid ##4FB64F;
      }

      .header-hsn .language-selector {
          display: flex;
          align-items: center;
          gap: 8px;
          cursor: pointer;
          font-family: Playfair Display;
          font-weight: 400;
          font-style: Regular;
          font-size: 14px;
          leading-trim: NONE;
          line-height: 100%;
          letter-spacing: 0%;
          text-align: center;
          position: relative;
      }

 

      .header-hsn .language-dropdown {
          position: absolute;
          top: 100%;
          right: 0;
          margin-top: 15px;
          background-color: white;
          border-radius: 8px;
          box-shadow: 0 4px 12px rgba(0,0,0,0.15);
          min-width: 180px;
          opacity: 0;
          visibility: hidden;
          transform: translateY(-10px);
          transition: all 0.3s ease;
          z-index: 1000;
      }

      .header-hsn .language-dropdown.active {
          opacity: 1;
          visibility: visible;
          transform: translateY(0);
      }

      .header-hsn .language-option {
          padding: 12px 16px;
          cursor: pointer;
          transition: background-color 0.2s ease;
          color: #2A2A2A;
          border-bottom: 1px solid #f0f0f0;
        font-family: Playfair Display;
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;

      }

      .header-hsn .language-option:first-child {
          border-radius: 8px 8px 0 0;
      }

      .header-hsn .language-option:last-child {
          border-bottom: none;
          border-radius: 0 0 8px 8px;
      }

      .header-hsn .language-option:hover {
          background-color: #f5f5f5;
      }

      .header-hsn .language-option.selected {
          background-color: #e8f5e9;
          color: #4FB64F;
          font-weight: 600;
      }

      .header-hsn .globe-icon {
          width: 20px;
          height: 20px;
      }

      .header-hsn .language-text {
          color: #2c2c2c;
          font-size: 15px;
          font-weight: 500;
      }

      .header-hsn .dropdown-arrow {
          width: 0;
          height: 0;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: 5px solid #2c2c2c;
          margin-left: 2px;
      }

      .header-hsn .user-section {
          display: flex;
          align-items: center;
          gap: 10px;
          cursor: pointer;
          padding: 6px 12px;
          border-radius: 6px;
        
      }

 

      .header-hsn .user-avatar img {
          width: 38px;
          height: 38px;
          border-radius: 50%;
          object-fit: cover;
      }

      .header-hsn .user-name {
          color: #2A2A2A;
          font-family: Playfair Display;
            font-weight: 400;
            font-style: Regular;
            font-size: 14px;
            leading-trim: NONE;
            line-height: 100%;
            letter-spacing: 0%;

      }
      .custom-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-arrow:disabled {
    opacity: 0.4;
    border: 1px solid #c8c8c8 !important;
}

.arrow-icon {
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}

          .header-hsn  .login-div a {
                
                color: #2A2A2A;
                text-decoration: none;
                transition: all 0.3s ease;
                font-family: Playfair Display;
                font-weight: 400;
                font-style: Regular;
                font-size: 16px;
                leading-trim: CAP_HEIGHT;
                line-height: 100%;
                letter-spacing: 0%;
                text-align: center;
            }

           .header-hsn  .login-div  a:hover {
             color: #4FB64F;
            }

      .header-hsn .mobile-toggle {
          display: none;
          flex-direction: column;
          gap: 5px;
          cursor: pointer;
          padding: 8px;
      }

      .header-hsn .mobile-toggle span {
          width: 25px;
          height: 3px;
          background-color: #2c2c2c;
          border-radius: 2px;
          transition: all 0.3s ease;
      }

      /* Offcanvas */
      .header-hsn .offcanvas-custom {
          background-color: #e8f5e9;
          width: 300px !important;
      }

      .header-hsn .offcanvas-header {
          border-bottom: 2px solid rgba(76, 175, 80, 0.2);
          padding: 20px;
      }

      .header-hsn .offcanvas-title {
          font-weight: 700;
          color: #2c2c2c;
          font-size: 20px;
      }

      .header-hsn .offcanvas-body {
          padding: 20px;
      }

      .header-hsn .mobile-nav-link {
          display: block;
          padding: 12px 16px;
          color: #2c2c2c;
          text-decoration: none;
          font-size: 16px;
          font-weight: 500;
          border-radius: 6px;
          margin-bottom: 8px;
          transition: all 0.3s ease;
      }

      .header-hsn .mobile-nav-link:hover {
          background-color: rgba(76, 175, 80, 0.1);
          color: #4caf50;
      }

      .header-hsn .mobile-nav-link.active {
          background-color: #4caf50;
          color: white;
      }

      .header-hsn .offcanvas-divider {
          height: 1px;
          background-color: rgba(76, 175, 80, 0.2);
          margin: 20px 0;
      }

      .header-hsn .mobile-contact-btn {
          width: 100%;
          background-color: #4caf50;
          color: white;
          border: none;
          padding: 12px 20px;
          border-radius: 6px;
          font-size: 16px;
          font-weight: 500;
          cursor: pointer;
          transition: all 0.3s ease;
          margin-bottom: 15px;
      }

      .header-hsn .mobile-contact-btn:hover {
          background-color: #45a049;
      }

      .header-hsn .mobile-language-selector {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 12px 16px;
          background-color: white;
          border-radius: 6px;
          cursor: pointer;
          margin-bottom: 15px;
          transition: all 0.3s ease;
      }

      .header-hsn .mobile-language-selector:hover {
          background-color: rgba(76, 175, 80, 0.1);
      }

      .header-hsn .mobile-lang-left {
          display: flex;
          align-items: center;
          gap: 10px;
      }

      .header-hsn .mobile-user-section {
          display: flex;
          align-items: center;
          gap: 12px;
          padding: 12px 16px;
          background-color: white;
          border-radius: 6px;
          cursor: pointer;
          transition: all 0.3s ease;
      }

      .header-hsn .mobile-user-section:hover {
          background-color: rgba(76, 175, 80, 0.1);
      }

      .header-hsn .mobile-language-dropdown {
          background-color: white;
          border-radius: 8px;
          overflow: hidden;
          margin-top: 8px;
          display: none;
      }

      .header-hsn .mobile-language-dropdown.active {
          display: block;
      }

      /* Responsive */
      @media (max-width: 992px) {
          .header-hsn .nav-section,
          .header-hsn .right-section {
              display: none;
          }
          .header-hsn .mobile-toggle {
              display: flex;
          }
      }

      @media (max-width: 576px) {
          .header-hsn .header-container {
              padding: 0 15px;
          }
          .header-hsn .logo-text-top,
          .header-hsn .logo-text-bottom {
              font-size: 14px;
          }
          .header-hsn .logo-icon {
              width: 38px;
              height: 38px;
              font-size: 20px;
          }
      }
       
       
       .hero-section-hsn {
            position: relative;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            padding-top:150px;
            padding-bottom:150px;
        }
.hero-section-hsn .hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-section-hsn .hero-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
      object-position: top center;
}

.hero-section-hsn .hero-content {
    position: relative;
    text-align: center;
    color: white;
    padding: 0 20px;
    width: 1720px;
    z-index: 2;
    margin: 0 auto;
   
}

.hero-section-hsn .hero-title {
      font-family: Playfair Display;
      font-weight: 800;
      font-style: Italic;
      font-size: 50px;
      leading-trim: CAP_HEIGHT;
       width: 1200px;
       margin: auto;
      letter-spacing: 0%;
      text-align: center;
      vertical-align: middle;

}

.hero-section-hsn .hero-subtitle {
      font-family: Playfair Display;
      font-weight: 400;
      font-style: Regular;
      font-size: 20px;
      leading-trim: CAP_HEIGHT;
      margin:55px 0px;
      letter-spacing: 0%;
      text-align: center;

}

.hero-section-hsn .cta-buttons {
    display: flex;
    gap: 25px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 70px;
}

.hero-section-hsn .btn {
    padding: 16px 43px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease;
    border-radius: 2px;
    font-family: Playfair Display;
      font-weight: 600;
      font-style: SemiBold;
      font-size: 16px;
      leading-trim: NONE;
      line-height: 16px;
      letter-spacing: 0%;
      vertical-align: middle;

}

.hero-section-hsn .btn-primary {
    background-color: #4FB64F;
    color: white;
}

.hero-section-hsn .btn-primary:hover {
    background-color: #45a049;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(76, 175, 80, 0.4);
}

.hero-section-hsn .btn-secondary {
    background-color: white;
    color: #0B0C0C;
}

.hero-section-hsn .btn-secondary:hover {
    background-color: #f5f5f5;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 255, 255, 0.4);
}

.hero-section-hsn .arrow-icon {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}

.hero-section-hsn .btn:hover .arrow-icon {
    transform: translate(3px, -3px);
}

.hero-section-hsn .brand-logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 20px;
}

.hero-section-hsn .logo-item {
    display: flex;
    align-items: center;
    gap: 18px;
    transition: all 0.3s ease;
}

.hero-section-hsn .logo-item:hover {
    transform: translateY(-3px);
}

.hero-section-hsn .logo-img {
    width: 300px;
    object-fit: contain;
    height: auto;
}

.hero-section-hsn .logo-text {
    color: white;
    font-size: 0.95rem;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    line-height: 1.4;
    max-width: 220px;
}

/* Responsive */
@media (max-width: 968px) {
    .hero-section-hsn .brand-logos {
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .hero-section-hsn .hero-title {
        font-size: 2.5rem;
        margin-bottom: 25px;
    }
    .hero-section-hsn .hero-subtitle {
        font-size: 1.15rem;
        margin-bottom: 50px;
    }
    .hero-section-hsn .cta-buttons {
        flex-direction: column;
        align-items: center;
        gap: 18px;
        margin-bottom: 30px;
    }
    .hero-section-hsn .btn {
        width: 90%;
        max-width: 320px;
        justify-content: center;
    }
    .hero-section-hsn .brand-logos {
        flex-direction: column;
        gap: 10px;
    }
    .hero-section-hsn .logo-item {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .hero-section-hsn .hero-title {
        font-size: 2rem;
        margin-bottom: 20px;
    }
    .hero-section-hsn .hero-subtitle {
        font-size: 1rem;
        margin-bottom: 45px;
    }
    .hero-section-hsn .btn {
        padding: 14px 35px;
        font-size: 1rem;
    }
    .hero-section-hsn .cta-buttons {
        margin-bottom: 30px;
    }
}
     



       .container-hsn-leatest-bid  .auction-card {
            font-family: Playfair Display;
            width: 100%;
            padding: 10px;
            background: rgba(255, 255, 255, 1);
            border-radius: 6px;
            border: 1px solid rgba(217, 217, 217, 1);
            overflow: hidden;
            box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease;
        }

       .container-hsn-leatest-bid  .auction-card:hover {
            transform: translateY(-5px);
        }

       .container-hsn-leatest-bid  .image-container {
            position: relative;
        }

      .container-hsn-leatest-bid   .image-container img {
            height: 300px;
            width: 100%;
            border-radius: 6px;
            object-fit: cover;
        }

       .container-hsn-leatest-bid  .live-badge {
            position: absolute;
            top: 12px;
            left: 12px;
            background: rgba(79, 182, 79, 1);
            color: white;
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 14px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 6px;
            font-family: 'Playfair Display', serif;
        }

       .container-hsn-leatest-bid  .live-badge svg {
            width: 11px;
            height: 11px;
        }

       .container-hsn-leatest-bid  .content {
            padding-top: 10px;
            padding-right: 10px;
        }

       .container-hsn-leatest-bid  .first-section {
            gap: 15px;
            display: flex;
            border-bottom: 1px solid rgba(212, 212, 212, 1);
            padding-bottom: 15px;
        }

       .container-hsn-leatest-bid  .first-section .part-1 {
            margin-block: auto;
        }

      .container-hsn-leatest-bid   .lot-badge {
            font-family: 'Playfair Display', serif;
            background: rgba(4, 79, 82, 1);
            color: rgba(255, 255, 255, 1);
            padding: 8px 16px;
            border-radius: 3px;
            font-weight: 600;
            font-size: 16px;
            line-height: 18px;
        }

       .container-hsn-leatest-bid  .title {
            font-family: 'Playfair Display', serif;
            font-weight: 600;
            font-size: 16px;
            line-height: 25px;
            color: rgba(11, 12, 12, 1);
        }

      .container-hsn-leatest-bid   .subtitle {
            font-family: 'Playfair Display', serif;
            font-weight: 400;
            font-size: 13px;
            line-height: 18px;
            color: rgba(92, 92, 92, 1);
        }

       .container-hsn-leatest-bid  .bid-section {
            padding-block: 15px;
            border-bottom: 0.5px solid rgba(212, 212, 212, 1);
        }

       .container-hsn-leatest-bid  .bid-section .bid-label {
            color: rgba(11, 12, 12, 1);
            font-family: Playfair Display;
            font-weight: 600;
            line-height: 25px;
            font-size: 14px;
        }

       .container-hsn-leatest-bid  .bid-section .bid-amount {
            font-family: 'Playfair Display', serif;
            font-weight: 400;
            font-size: 15px;
            line-height: 25px;
            color: rgba(92, 92, 92, 1);
        }

       .container-hsn-leatest-bid  .bid-info {
            display: flex;
            justify-content: space-between;
            padding-block: 15px;
            border-bottom: 0.5px solid rgba(212, 212, 212, 1);
        }

       .container-hsn-leatest-bid  .bid-section-1 .bid-label {
            font-family: 'Playfair Display', serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            color: rgba(92, 92, 92, 1);
        }

         .container-hsn-leatest-bid  .bid-section-1 .bid-amount {
            font-family: Playfair Display;
            font-weight: 600;
            font-style: SemiBold;
            font-size: 20px;
            leading-trim: CAP_HEIGHT;
            line-height: 20px;
            letter-spacing: 0%;
            vertical-align: middle;
            color:#2A2A2A;

        }

      .container-hsn-leatest-bid   .bid-section-2 {
            text-align: right;
        }

       .container-hsn-leatest-bid  .bid-section-2 svg {
            height: 16px;
            width: 16px;
            transform: translateY(6px);
        }

       .container-hsn-leatest-bid  .bid-section-2 .bid-label {
            display: flex;
            gap: 8px;
            font-family: 'Playfair Display', serif;
            justify-content: flex-end;
        }

       .container-hsn-leatest-bid  .bid-section-2 .bid-label div {
            font-family: Playfair Display;
            font-weight: 400;
            font-style: Regular;
            font-size: 14px;
            leading-trim: CAP_HEIGHT;
            line-height: 25px;
            letter-spacing: 0%;
            vertical-align: middle;

            color: #0B0C0C;
        }

       .container-hsn-leatest-bid  .timer {
            background: rgba(79, 182, 79, 0.1);
            border: 1px solid rgba(79, 182, 79, 1);
            border-radius: 8px;
            padding: 8px 9px;
            margin-block: 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
        }

       .container-hsn-leatest-bid  .timer-item {
            text-align: center;
            display: flex;
            flex-direction: column;
            flex: 1;
        }

       .container-hsn-leatest-bid  .timer-value {
            font-family: 'Playfair Display', serif;
            font-weight: 600;
            font-size: 16px;
            line-height: 18px;
            margin-bottom: 4px;
            color: rgba(79, 182, 79, 1);
        }

       .container-hsn-leatest-bid  .timer-label {
            font-family: 'Playfair Display', serif;
            font-weight: 400;
            font-size: 11px;
            line-height: 12px;
            color: rgba(4, 40, 4, 1);
            text-transform: capitalize;
        }

      .container-hsn-leatest-bid   .linelist {
            height: 27px;
            width: 1px;
            background-color: rgba(79, 182, 79, 1);
            margin-block: auto;
        }

      .container-hsn-leatest-bid   .linemake {
            width: 100%;
            background-color: rgba(212, 212, 212, 1);
            height: 0.5px;
            margin-bottom: 15px;
        }

       .container-hsn-leatest-bid  .action-buttons {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
        }

       .container-hsn-leatest-bid  .btn {
            padding: 10px;
            border-radius: 2px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
        }

       .container-hsn-leatest-bid  .btn-details {
            background: white;
            color: rgba(11, 12, 12, 1);
            border: 1px solid rgba(212, 212, 212, 1);
            font-family: 'Playfair Display', serif;
            font-weight: 500;
            font-size: 15px;
            line-height: 16px;
        }

       .container-hsn-leatest-bid  .btn-details:hover {
            background: rgba(79, 182, 79, 1);
            color: white;
        }

       .container-hsn-leatest-bid  .btn-bid {
            background: rgba(79, 182, 79, 1);
            color: white;
            font-family: Playfair Display;
            font-weight: 500;
            font-size: 15px;
            line-height: 16px;
        }

       .container-hsn-leatest-bid  .btn-bid:hover {
            background: white;
            color: rgba(11, 12, 12, 1);
            border: 1px solid rgba(212, 212, 212, 1);
        }

        .container-hsn-leatest-bid  .dots-container {
            text-align: center;
            margin-top: 40px;
        }

       .container-hsn-leatest-bid  .dot {
            height: 8px;
            width: 8px;
            margin: 0 6px;
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            display: inline-block;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

      .container-hsn-leatest-bid  .dot.active {
            background-color: white;
        }



            
            
            
    .footer-hsn {
                        font-family: 'Playfair Display', serif;
                        background: #0a2818;
                        color: #ffffff;
                        padding: 0;
                        overflow-x: hidden;
                }
                .footer-hsn .footer-container {
                    max-width: 1720px;
                    margin: 0 auto;
                    padding: 70px 50px;
                }

                /* Left Section - About */
                .footer-hsn .about-section {
                    padding-right: 20px;
                }

                .footer-hsn .logo-wrapper {
                    display: flex;
                    align-items: flex-start;
                    gap: 0;
                    margin-bottom: 30px;
                }

                .footer-hsn .logo-image {
                    width: 200px;
                    height: auto;
                    flex-shrink: 0;
                }

                .footer-hsn .logo-image img {
                    width: 100%;
                    height: auto;
                    object-fit: contain;
                    display: block;
                }

                .footer-hsn .description-text {
                    color: #ffffff;
                    margin-bottom: 18px;
                    font-family: Playfair Display;
                    font-weight: 400;
                    font-style: Regular;
                    font-size: 12px;
                    leading-trim: NONE;
                    line-height: 24px;
                    letter-spacing: 0%;
                    vertical-align: middle;

                }

                .footer-hsn .social-links {
                    display: flex;
                    gap: 12px;
                    margin-top: 30px;
                }

                .footer-hsn .social-btn {
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    background:#FFFFFF;
                    display: flex;
                    align-items: center;
                    border: 2px solid #FFFFFF66;
                    justify-content: center;
                    transition: all 0.3s ease;
                    cursor: pointer;
                    border: none;
                }

                .footer-hsn .social-btn:hover {
                    transform: translateY(-3px);
                }

                .footer-hsn .social-btn svg {
                    width: 18px;
                    height: 18px;
                }

                /* Middle Section - Latest Bids */
                .footer-hsn .latest-bids-section {
                    padding: 0px;
                }

                .footer-hsn .section-heading {
                    margin-bottom: 28px;
                    color: #ffffff;
                    font-family: Playfair Display;
                    font-weight: 700;
                    font-style: Bold;
                    font-size: 18px;
                    leading-trim: NONE;
                    line-height: 100%;
                    letter-spacing: -1%;

                    letter-spacing: 0.5px;
                }

                .footer-hsn .bids-grid {
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    gap: 20px;
                }

                .footer-hsn .bid-item {
                  
                    overflow: hidden;
                    cursor: pointer;
                    transition: transform 0.3s ease;
                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
                }

                .footer-hsn .bid-item:hover {
                    transform: translateY(-5px);
                }

                .footer-hsn .bid-item img {
                    width: 100%;
                    height: 160px;
                    object-fit: cover;
                    border-radius:none;
                    display: block;
                }

                /* Right Section */
                .footer-hsn .right-section {
                    padding-left: 25px;
                }

                /* Useful Links */
                .footer-hsn .links-section {
                    margin-bottom: 45px;
                }

                .footer-hsn .nav-link-item {
                    
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 15px 0;
                    color: #ffffff;
                    text-decoration: none;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
                    font-size: 16px;
                    font-weight: 500;
                    transition: all 0.3s ease;
                    letter-spacing: 0.3px;
                }

                .footer-hsn .nav-link-item:first-child {
                    border-top: 1px solid rgba(255, 255, 255, 0.12);
                }

                .footer-hsn .nav-link-item:hover {
                    color: #4FB64F;
                    padding-left: 10px;
                }

                .footer-hsn svg {
                    width: 20px;
                    height: 20px;
                    transition: transform 0.3s ease;
                    flex-shrink: 0;
                }

                .footer-hsn .nav-link-item:hover svg {
                    transform: translate(4px, -4px);
                }

                /* Contact Section */
                .footer-hsn .contacts-section {
                    padding-left: 25px;
                }

                .footer-hsn .contact-row {
                    display: flex;
                    align-items: start;
                    gap: 15px;
                    margin-bottom: 20px;
                }

                .footer-hsn .contact-icon-wrapper {
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    background: rgba(255, 255, 255, 0.12);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-shrink: 0;
                }

                .footer-hsn .contact-icon-wrapper svg {
                    width: 20px;
                    height: 20px;
                }

                .footer-hsn .contact-details h4 {
                    font-family: Playfair Display;
                    font-weight: 400;
                    font-style: Regular;
                    font-size: 15px;
                    leading-trim: NONE;
                    line-height: 100%;
                    letter-spacing: 0%;

                }

                .footer-hsn .contact-details p ,  .footer-hsn .contact-details a {
                    font-family: Playfair Display;
                    font-weight: 400;
                    font-style: Regular;
                    font-size: 15px;
                    leading-trim: NONE;
                    line-height: 100%;
                    letter-spacing: 0%;
                }

                /* Responsive Design */
                @media (max-width: 1200px) {
                    .footer-hsn .footer-container {
                        padding: 60px 40px;
                    }
                    .footer-hsn .bids-grid {
                        grid-template-columns: repeat(3, 1fr);
                        gap: 12px;
                    }
                    .footer-hsn .bid-item img {
                        height: 140px;
                    }
                }

                @media (max-width: 992px) {
                    .footer-hsn .footer-container {
                        padding: 50px 30px;
                    }
                    .footer-hsn .about-section,
                    .footer-hsn .latest-bids-section,
                    .footer-hsn .right-section,
                    .footer-hsn .contacts-section {
                        padding: 0;
                        margin-bottom: 50px;
                    }
                    .footer-hsn .bids-grid {
                        grid-template-columns: repeat(3, 1fr);
                    }
                }

                @media (max-width: 768px) {
                    .footer-hsn .footer-container {
                        padding: 40px 25px;
                    }
                    .footer-hsn .logo-image {
                        width: 180px;
                    }
                    .footer-hsn .section-heading {
                        font-size: 22px;
                    }
                    .footer-hsn .bids-grid {
                        grid-template-columns: repeat(2, 1fr);
                        gap: 12px;
                    }
                    .footer-hsn .bid-item img {
                        height: 150px;
                    }
                    .footer-hsn .nav-link-item {
                        font-size: 15px;
                        padding: 14px 0;
                    }
                }

                @media (max-width: 576px) {
                    .footer-hsn .footer-container {
                        padding: 30px 20px;
                    }
                    .footer-hsn .logo-image {
                        width: 150px;
                    }
                    .footer-hsn .description-text {
                        font-size: 13px;
                        line-height: 1.8;
                    }
                    .footer-hsn .section-heading {
                        font-size: 20px;
                        margin-bottom: 20px;
                    }
                    .footer-hsn .bids-grid {
                        grid-template-columns: repeat(2, 1fr);
                        gap: 10px;
                    }
                    .footer-hsn .bid-item img {
                        height: 130px;
                    }
                    .footer-hsn .social-btn {
                        width: 38px;
                        height: 38px;
                    }
                    .footer-hsn .social-btn svg {
                        width: 16px;
                        height: 16px;
                    }
                    .footer-hsn .contact-icon-wrapper {
                        width: 30px;
                        height: 30px;
                    }
                    .footer-hsn .contact-icon-wrapper svg {
                        width: 18px;
                        height: 18px;
                    }
                    .footer-hsn .contact-details h4 {
                        font-size: 13px;
                    }
                    .footer-hsn .contact-details p {
                        font-size: 15px;
                    }
                }




          .container-hsn-letest {
            max-width: 1720px;
            margin: 0 auto;
            padding: 40px 15px;
            position: relative;
        }
      .container-hsn-letest  .section-title {
            font-size: 2rem;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 30px;
        }
         .container-hsn-letest  .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 30px;
        }
           .container-hsn-letest  .slider-controls {
                display: flex;
                gap: 12px;
                flex-shrink: 0;                    /* Ye important hai — shrink nahi hoga */
            }
        .container-hsn-letest  .swiper-button-prev {
            top: 7% !important;
           left: 85% !important;
        }
        .container-hsn-letest   .swiper-button-next{
            top: 7% !important;
           right: 6% !important;
        }

           .container-hsn-letest  .swiper-button-prev::after,
          .container-hsn-letest   .swiper-button-next::after {
            display: none !important;   /* Swiper ka default arrow hata diya */
        }

        /* Custom Arrows Style - Tumhare wala exact round button */
       .container-hsn-letest   .swiper-button-next,
        .container-hsn-letest  .swiper-button-prev {
            width: 45px !important;
            height: 45px !important;
            border-radius: 50% !important;
            border: 2px solid #e0e0e0 !important;
            background: white !important;
            color: #333 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: all 0.3s ease !important;
        }
 
        .container-hsn-letest  .swiper-button-next::after,
       .container-hsn-letest   .swiper-button-prev::after {
            font-size: 18px !important;
        }

        /* Mobile pe chhota button */
        @media (max-width: 767px) {
                       .container-hsn-letest     .section-header {
                    flex-direction: row;           /* Row rakho — column nahi */
                    justify-content: space-between;
                    align-items: center;
                }
          .container-hsn-letest    .swiper-button-next,
           .container-hsn-letest   .swiper-button-prev {
                width: 40px !important;
                height: 40px !important;
            }
           .container-hsn-letest   .section-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 15px;
            }
            .container-hsn-letest  .swiper-button-next,
            .container-hsn-letest  .swiper-button-prev {
                align-self: flex-end;
            }
        }






   
         




/* hsn styling   */

/*         
.container-hsn-slider{  background:#033703;font-family:'Playfair Display',serif;color:#fff;padding:60px 20px;min-height:100vh}
  
  .container-main-hsn{
    max-width:1720px;
    margin:0 auto;
  }
.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;flex-wrap:wrap;gap:20px}
.header h1{font-size:46px;font-weight:700;letter-spacing:1.5px}
.header-right{display:flex;gap:18px}
.arrow-btn{width:52px;height:52px;border:2.5px solid #fff;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.4s}
.arrow-btn:hover{background:rgba(255,255,255,.12);transform:scale(1.1)}

.carousel-container{overflow:hidden;border-radius:18px}
.carousel-wrapper{display:flex;gap:32px;transition:transform .7s cubic-bezier(0.4,0,0.2,1);padding:12px 0}
.card{flex:0 0 calc(33.333% - 22px);background:#fff;color:#111;border-radius:18px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.4);transition:.5s;min-width:370px}
.card:hover{transform:translateY(-16px);box-shadow:0 30px 60px rgba(0,0,0,.6)}

@media(max-width:1024px){.card{flex:0 0 calc(50% - 16px);min-width:340px}}
@media(max-width:768px){.card{flex:0 0 100%;min-width:320px}.header{flex-direction:column;text-align:center}.header h1{font-size:38px}}

.card-image-container{position:relative;height:320px;overflow:hidden}
.card-image{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.card:hover .card-image{transform:scale(1.08)}

.live-badge{position:absolute;top:20px;left:20px;background:#22c55e;color:#fff;padding:10px 20px;border-radius:40px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px;z-index:10;box-shadow:0 6px 20px rgba(34,197,94,.5)}
.live-badge::before{content:"";width:12px;height:12px;background:#fff;border-radius:50%;animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

.notification-icon{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.3);z-index:10}

.timer-container{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.98);padding:18px 24px;border-radius:16px;width:92%;display:flex;box-shadow:0 12px 35px rgba(0,0,0,.35);z-index:10}
.timer-item{flex:1;text-align:center}
.timer-item:not(:last-child){border-right:1px solid #ddd}
.timer-value{font-size:24px;font-weight:800;color:#111}
.timer-label{font-size:12px;color:#555;text-transform:uppercase;letter-spacing:1.2px;margin-top:6px}
.timer-label.hsn-label{font-size:17px;font-weight:700;color:#000}

.card-content{padding:28px}
.lot-breeder-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:20px}
.lot-number{background:#815517;color:#fff;padding:14px 22px;border-radius:10px;font-weight:700;font-size:19px}
.breeder-label{font-size:14px;color:#666;text-transform:uppercase;letter-spacing:1.2px}
.breeder-name{font-size:19px;font-weight:600;color:#111;margin-top:6px}
.country-info{display:flex;align-items:center;gap:12px}
.country-flag{width:32px;height:24px;border-radius:5px;object-fit:cover;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.country-code{font-size:18px;font-weight:600;color:#111}

.horse-name{font-size:26px;font-weight:700;margin-bottom:8px;color:#111}
.horse-detail{font-size:16px;color:#666}
.bidders-section{display:flex;flex-direction:column;gap:10px;margin:20px 0;font-size:15px;color:#555}
.bidder-item{display:flex;align-items:center;gap:12px}

.bid-section{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}
.bid-label{font-size:15px;color:#666;text-transform:uppercase;letter-spacing:1.3px}
.bid-amount{font-size:28px;font-weight:800;color:#111}
.bid-now-btn{background:#22c55e;color:#fff;padding:18px 52px;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:18px;transition:.4s;text-transform:uppercase;letter-spacing:1.3px}
.bid-now-btn:hover{background:#16a34a;transform:translateY(-4px);box-shadow:0 12px 30px rgba(34,197,94,.5)}

.dots-container{text-align:center;margin-top:70px}
.dot{height:13px;width:13px;margin:0 12px;background:rgba(255,255,255,.3);border-radius:50%;display:inline-block;cursor:pointer;transition:.4s}
.dot.active{background:#fff;transform:scale(1.5)} */